<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为专区</title>
    <link rel="stylesheet" href="../css/goodslist.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2939721_rtosotgapar.css">
    <link rel="shortcut icon" href="http://www.vmall.com/favicon.ico" type="image/x-icon">
    <!-- <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/interface.js"></script> -->
</head>
<body onselectstart="return false">
    <!-- 导航栏 -->
    <div class="shortcut">
        <div class="layout">
            <div class="s-sub">
                <ul>
                    <li><a href="../html/mall.html">首页</a></li>
                    <li><a href="javascript:;">华为官网</a></li>
                    <li><a href="javascript:;">花粉俱乐部</a></li>
                    <li><a href="javascript:;">v码(优购码)</a></li>
                    <li><a href="javascript:;">企业购</a></li>
                    <li><a href="javascript:;">Select Region</a></li>
                    <div class="a">
                        <a href="javascript:;">更多精彩</a>
                        <div class="b">
                            <p><a href="javascript:;">HarmonyOS</a></p>
                            <p><a href="javascript:;">应用市场</a></p>
                            <p><a href="javascript:;">华为终端云空间</a></p>
                            <p><a href="javascript:;">开发者联盟</a></p>
                        </div>
                    </div>
                </ul>
            </div>
            <div class="s-main">
                <ul>
                    <li class="hide">
                        <a href="javascript:;" class="ple">请登入</a>
                        <a href="javascript:;">欢迎,</a>
                    </li>
                    <li class="hide">
                        <a href="registered.html">注册</a>
                        <a href="javascript:;" class="exit">退出</a>
                    </li>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li><a href="javascript:;">客户服务</a></li>
                    <li><a href="javascript:;">网站导航</a></li>
                    <li><a href="javascript:;">手机版</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- logo -->
    <div class="header">
        <div class="layout">
            <div class="logo">
                <a href="/" title="华为商城">
                    <img src="https://res4.vmallres.com/shopdc//pic/20211013/4f15c00a-24fc-4782-a825-5af7c9a98ae2.png"
                        alt="华为商城">
                </a>
                <span>华为专区</span>
            </div>
        </div>
    </div>

    <!-- 商品展示 -->
    <div class="shoppingshow">
        <div class="shoppingNav">
            <div class="wrap">
                <div class="sleft">
                    <input type="text" class="searchBar" placeholder="华为手机/华为手环/路由器">
                    <a class="searchBtn" href="javascript:;"><em class="iconfont icon-sousuo"></em></a>
                </div>
                <div class="up">
                    <button class="asc" value="asc">价格由低到高</button>
                </div>
                <div class="down">
                    <button class="desc" value="desc">价格由高到低</button>
                </div>
                <div class="change">
                    <select class="select">
                        <option value="8" selected>每页显示08条</option>
                        <option value="12">每页显示12条</option>
                        <option value="16">每页显示16条</option>
                        <option value="20">每页显示20条</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="shoplist">
            <div class="layout">
                <ul class="goodsAll">
                    <!-- <li class="goodsOne">
                        <a href="javascript:;">
                            <div class="gimg">
                                <img src="http:////img11.360buyimg.com/n1/s400x400_jfs/t1/150899/39/15947/123577/615c18a2E17ab9250/0d15b55694fb108a.jpg" alt="">
                            </div>
                            <p class="gname">华为nova9 新品手机【华为nova9pro店内可选】 9号色 全网通(8G+256G)</p>
                            <div class="gprice">￥&ensp;1588</div>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
        <div class="pagbox">
            <button class="prev">上一页</button>
            <span class="pageTips">1/17</span>
            <button class="next">下一页</button>
        </div>
    </div>
    
</body>
<!-- <script src="../js/goodslist.js"></script> -->
<script type="module">
    import "../js/jquery-3.6.0.min.js"
    import "../js/goodslist.js"
</script>
</html>